
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div class="weui-tabbar">
	<a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
		<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/scene">
			<img src="<%=basePath%>/image/wechat/iot/data.png" alt="">
			<img src="<%=basePath%>/image/wechat/iot/data_active.png" class="active" alt="">
		</div>
		<p class="weui-tabbar__label">项目管理</p>
	</a> 
	<a href="javascript:;" class="weui-tabbar__item">
		<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/alarm">
			<img src="<%=basePath%>/image/wechat/iot/alarm.png" alt="">
			<img src="<%=basePath%>/image/wechat/iot/alarm_active.png" class="active" alt="">
		</div>
		<p class="weui-tabbar__label">报警信息</p>
	</a> 
	<a href="javascript:;" class="weui-tabbar__item">
		<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/user">
			<img src="<%=basePath%>/image/wechat/iot/user.png" alt="">
			<img src="<%=basePath%>/image/wechat/iot/user_active.png" class="active" alt="">
		</div>
		<p class="weui-tabbar__label">个人中心</p>
	</a>
</div>

<script type="text/javascript">
	$(".weui-tabbar .weui-tabbar__icon").click(function(){
		
		if( $(this).hasClass("active") ){
			window.location.href = $(this).attr("url") ;
			return ;
		}else{
			window.location.href = $(this).attr("url") ;
			$(".weui-tabbar .weui-tabbar__icon").removeClass("active");
			$(this).addClass("active");
			
		}
	})
</script>